.search{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .top{
        width: 100%;
        display: flex;
        padding: 20rpx;
        background: #ccc;
        box-sizing: border-box;
        justify-content: space-between;
        input{
            background: #fff;
            height: 60rpx;
            width: 80%;
            padding: 20rpx 30rpx;
            box-sizing: border-box;
        }
        button{
            font-size: 28rpx;
            border: none;
            line-height: 60rpx;
            height: 60rpx;
            margin: 0;
        }
    }
    .section{
        flex: 1;
        background: #ccc;
        padding: 10rpx 20rpx;
        overflow: auto;
        .list{
            width: 100%;
            height: 100%;
            .list_card{
                border-bottom: 1px solid #ccc;
                padding: 20rpx 10rpx;
                background: #fff;
                navigator{
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
                }
            }
            :last-child{
                border: 0;
            }
            .list_card:hover{
                background-color: rgb(243, 243, 243);
            }
        }
    }
}